<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>MOD特性警示 - MC百科</title>
    <link href="/favicon.png" rel="icon">
    <link href="../../css/common.css" rel="stylesheet">
    <link href="../../css/header.css" rel="stylesheet">
    <link href="../../css/footer.css" rel="stylesheet">
    <link href="css/addFeature.css" rel="stylesheet">
    <script src="/js/jquery-3.7.1.js"></script>
    <style>

    </style>
</head>
<body>
<!-- 头部导航（复用公共组件） -->
<header id="header">
    <script>$("#header").load('../publicPage/header.html')</script>
</header>

<!-- 内容区 -->
<section id="section">
    <!-- 标题区 -->
    <div class="warning-header">
        <h1>MOD特性警示</h1>
        <p>提供模组中物品或玩法上的设计缺陷的展示与查询，可供开服人员避开风险。</p>
    </div>

    <!-- 反馈提示条（复刻官网） -->
    <div class="feedback-bar">
        如果你发现了本站未收录的MOD特性，可以通过右侧的联系方式提交反馈，随后会有硬核玩家核实评估后加入此特性列表。
        <a href="https://bug.mcmod.cn/feedback" target="_blank">MOD特性反馈</a>
    </div>

    <!-- 搜索筛选栏 -->
    <div class="filter-bar">
        <input type="text" id="search" placeholder="搜索特性（如：传送带）">
        <button id="filter-btn">筛选</button>
        <button id="add-btn">新增特性</button>
    </div>

    <!-- 特性列表 -->
    <div class="warning-list" id="warning-list">
        <!-- 示例数据（完整复刻官网特性） -->
        <div class="warning-item">
            <img src="img/img_1.png" alt="传送带">
            <div class="item-info">
                <h3>传送带 (Mechanical Belt)</h3>
                <p>版本：0.5.1f</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_2.png" alt="自动合成器">
            <div class="item-info">
                <h3>自动合成器 (Auto Crafter)</h3>
                <p>版本：Minecraft 1.18.2、1.20</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="车万女仆可堆叠物品复制">
            <div class="item-info">
                <h3>车万女仆可堆叠物品复制</h3>
                <p>版本：1.16.5 1.0.0-1.0.2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="狼吞虎咽Mod物品复制">
            <div class="item-info">
                <h3>狼吞虎咽Mod物品复制</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="Dank Storage 刷物品">
            <div class="item-info">
                <h3>Dank Storage 刷物品</h3>
                <p>版本：1.12.2/1.16.5</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_4.png" alt="机械手抽屉复制">
            <div class="item-info">
                <h3>机械手抽屉复制</h3>
                <p>版本：1.18.2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_5.png" alt="原子重构机刷出任意物品">
            <div class="item-info">
                <h3>原子重构机刷出任意物品</h3>
                <p>版本：r151-2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_6.png" alt="液体漏斗 (Liquid Hopper)">
            <div class="item-info">
                <h3>液体漏斗 (Liquid Hopper)</h3>
                <p>版本：0.9.3-324</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img.png" alt="任务显示器 (Task Screen)">
            <div class="item-info">
                <h3>任务显示器 (Task Screen)</h3>
                <p>版本：1.12.1</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="Eternal Tales建筑生成机制">
            <div class="item-info">
                <h3>Eternal Tales建筑生成机制</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="空间塔锻混沌晶体">
            <div class="item-info">
                <h3>空间塔锻混沌晶体</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_7.png" alt="背包整理 (Inventory Sorting)">
            <div class="item-info">
                <h3>背包整理 (Inventory Sorting)</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <!-- 示例数据（完整复刻官网特性） -->
        <div class="warning-item">
            <img src="img/img_1.png" alt="传送带">
            <div class="item-info">
                <h3>传送带 (Mechanical Belt)</h3>
                <p>版本：0.5.1f</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_2.png" alt="自动合成器">
            <div class="item-info">
                <h3>自动合成器 (Auto Crafter)</h3>
                <p>版本：Minecraft 1.18.2、1.20</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="车万女仆可堆叠物品复制">
            <div class="item-info">
                <h3>车万女仆可堆叠物品复制</h3>
                <p>版本：1.16.5 1.0.0-1.0.2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="狼吞虎咽Mod物品复制">
            <div class="item-info">
                <h3>狼吞虎咽Mod物品复制</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="Dank Storage 刷物品">
            <div class="item-info">
                <h3>Dank Storage 刷物品</h3>
                <p>版本：1.12.2/1.16.5</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_4.png" alt="机械手抽屉复制">
            <div class="item-info">
                <h3>机械手抽屉复制</h3>
                <p>版本：1.18.2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_5.png" alt="原子重构机刷出任意物品">
            <div class="item-info">
                <h3>原子重构机刷出任意物品</h3>
                <p>版本：r151-2</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_6.png" alt="液体漏斗 (Liquid Hopper)">
            <div class="item-info">
                <h3>液体漏斗 (Liquid Hopper)</h3>
                <p>版本：0.9.3-324</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img.png" alt="任务显示器 (Task Screen)">
            <div class="item-info">
                <h3>任务显示器 (Task Screen)</h3>
                <p>版本：1.12.1</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="Eternal Tales建筑生成机制">
            <div class="item-info">
                <h3>Eternal Tales建筑生成机制</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_3.png" alt="空间塔锻混沌晶体">
            <div class="item-info">
                <h3>空间塔锻混沌晶体</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
        <div class="warning-item">
            <img src="img/img_7.png" alt="背包整理 (Inventory Sorting)">
            <div class="item-info">
                <h3>背包整理 (Inventory Sorting)</h3>
                <p>版本：-</p>
                <span class="severity severity-severe">严重</span>
            </div>
        </div>
    </div>

    <!-- 新增/修改弹窗 -->
    <div class="modal" id="modal">
        <div class="modal-content">
            <h2 id="modal-title">新增特性</h2>
            <input type="hidden" id="item-id" value="">
            <label>名称：</label>
            <input type="text" id="item-name" required>
            <label>版本：</label>
            <input type="text" id="item-version">
            <label>严重程度：</label>
            <input type="text" id="item-severity">
            <label>描述：</label>
            <textarea id="item-desc" rows="3"></textarea>
            <div class="modal-buttons">
                <button class="btn-close" onclick="closeModal()">取消</button>
                <button class="btn-save" id="save-btn">保存</button>
            </div>
        </div>
    </div>
</section>

<!-- 底部（复用公共组件） -->
<footer id="footer">
    <script>$("#footer").load('../publicPage/footer.html')</script>
</footer>

<!-- 交互逻辑 -->
<script>
    // 模拟后端数据（与官网同步）
    let warningData = [
            {
                id: 1,
                name: "传送带 (Mechanical Belt)",
                version: "0.5.1f",
                severity: "严重",
                desc: "示例描述",
                img: "img/mechanical_belt.png"
            },
            {
                id: 2,
                name: "自动合成器 (Auto Crafter)",
                version: "Minecraft 1.18.2、1.20",
                severity: "严重",
                desc: "示例描述",
                img: "img/auto_crafter.png"
            },
            {
                id: 3,
                name: "车万女仆可堆叠物品复制",
                version: "1.16.5 1.0.0-1.0.2",
                severity: "严重",
                desc: "示例描述",
                img: "img/cheese.png"
            },
            {id: 4, name: "狼吞虎咽Mod物品复制", version: "-", severity: "严重", desc: "示例描述", img: "img/wolf.png"},
            {
                id: 5,
                name: "Dank Storage 刷物品",
                version: "1.12.2/1.16.5",
                severity: "严重",
                desc: "示例描述",
                img: "img/dank_storage.png"
            },
            {
                id: 6,
                name: "机械手抽屉复制",
                version: "1.18.2",
                severity: "严重",
                desc: "示例描述",
                img: "img/mechanical_arm.png"
            },
            {
                id: 7,
                name: "原子重构机刷出任意物品",
                version: "r151-2",
                severity: "严重",
                desc: "示例描述",
                img: "img/atomic.png"
            },
            {
                id: 8,
                name: "液体漏斗 (Liquid Hopper)",
                version: "0.9.3-324",
                severity: "严重",
                desc: "示例描述",
                img: "img/liquid_hopper.png"
            },
            {id: 9, name: "任务显示器 (Task Screen)",
                version: "1.12.2",
                severity: "严重",
                desc: "示例描述",
                img: "img/img.png"}]

    </script>
</body>
</html>